<template>
	<view class="agreement-container">
	    <!-- uview 导航栏 -->
	    <u-navbar title="村医移动端应用服务协议与隐私政策" left-arrow @click-left="goBack"></u-navbar>
	    <!-- 协议内容展示 -->
	    <scroll-view class="agreement-content" scroll-y>
	      <!-- 用户服务协议 -->
	      <u-collapse :model-value="['1']" accordion>
	        <u-collapse-item title="用户服务协议" name="1">
	          <view class="article-list">
	            <view class="article-item">
	              <view class="article-title">服务内容</view>
	              <view class="article-text">本应用为村医提供便捷的医疗管理服务，包括患者信息管理、病历记录、健康随访等功能。村医可以通过本应用进行日常的医疗工作操作，提高工作效率和服务质量。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">使用规则</view>
	              <view class="article-text">村医在使用本应用时，应遵守国家相关法律法规和医疗行业的规范。不得利用本应用从事违法、违规或违背职业道德的活动。同时，应妥善保管自己的账号和密码，不得将其提供给他人使用。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">服务变更与终止</view>
	              <view class="article-text">我们有权根据业务需要对服务内容、功能等进行变更或终止。在变更或终止服务前，我们将通过应用内通知、短信等方式提前告知村医。若村医不同意变更后的服务条款，有权停止使用本应用。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">违约责任</view>
	              <view class="article-text">若村医违反本服务协议的规定，我们有权采取警告、限制使用、终止服务等措施。村医应承担因违约行为给我们或第三方造成的损失。</view>
	            </view>
	          </view>
	        </u-collapse-item>
	        <!-- 隐私政策 -->
	        <u-collapse-item title="隐私政策" name="2">
	          <view class="article-list">
	            <view class="article-item">
	              <view class="article-title">信息收集</view>
	              <view class="article-text">我们会收集村医在注册和使用本应用过程中提供的个人信息，如姓名、联系方式、执业资格信息等。同时，为了提供更好的服务，我们也会收集村医在使用应用过程中的操作数据，如登录时间、浏览记录等。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">信息使用</view>
	              <view class="article-text">我们收集的信息主要用于为村医提供个性化的服务、改进应用功能、进行数据分析等。我们不会将村医的个人信息出售或出租给第三方，但在获得村医明确同意或根据法律法规要求的情况下，可能会与相关机构或合作伙伴共享部分信息。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">信息保护</view>
	              <view class="article-text">我们采用安全可靠的技术和措施保护村医的信息安全，防止信息泄露、篡改和丢失。但由于网络环境的复杂性，我们不能保证信息绝对安全，村医应自行承担一定的风险。</view>
	            </view>
	            <view class="article-item">
	              <view class="article-title">信息存储</view>
	              <view class="article-text">我们会将村医的信息存储在安全的服务器上，并根据国家相关法律法规的要求进行保存。在村医终止使用本应用后，我们将按照规定对其信息进行妥善处理。</view>
	            </view>
	          </view>
	        </u-collapse-item>
	      </u-collapse>
	    </scroll-view>
	    <!-- 同意勾选框 -->
	    <!-- <u-checkbox-group v-model="checkedList">
	      <u-checkbox label="我已阅读并同意《用户服务协议》和《隐私政策》"></u-checkbox>
	    </u-checkbox-group> -->
	    <!-- 提交按钮 -->
	    <!-- <u-button @click="submitAgreement" :disabled="checkedList.length === 0" type='primary' style="margin-top: 10px;">提交同意</u-button> -->
	  </view>
</template>

<script>
	export default {
		data() {
			return {
				 checkedList: [], // 用于记录勾选状态
			};
		},
methods: {
    goBack() {
      uni.navigateBack({
        delta: 1
      });
    },
    submitAgreement() {
      if (this.checkedList.length > 0) {
        // 模拟提交同意状态到后端，实际使用时需要替换为真实的 API 请求
        console.log('村医已同意协议，提交成功');
        // 这里可以添加更多逻辑，比如跳转到主页等
		uni.redirectTo({
			url: '/pages/login/login'
		});
      }
    }
  }
	}
</script>

<style lang="scss">
.agreement-container {
  height: 100vh;
}

.agreement-content {
  height: calc(100vh - 44px - 100px); /* 减去导航栏和按钮等的高度 */
  // padding: 15px;
}

.article-list {
  margin-bottom: 20px;
}

.article-item {
  margin-bottom: 20px;
}

.article-title {
  font-weight: bold;
  margin-bottom: 5px;
}

u-checkbox-group {
  padding: 15px;
}

u-button {
  margin: 15px;
}
</style>